<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<nav class="top-bar" data-topbar role="navigation"
	data-options="sticky_on: large"
	style="overflow:hidden; border-bottom-right-radius: 1.8125rem;">
	<ul class="title-area">
		<li class="left-off-canvas-toggle menu-icon"><i class="icon"></i></li>

		<li class="toggle-topbar menu-icon"><a href="#"><span>好友</span></a></li>
	</ul>
	<section class="top-bar-section">
		<!--右边的导航区域 -->
		<ul class="right">
			<c:if test="${empty currentUser }">
				<li><a href="login">登录</a></li>
				<li><a href="register">注册</a></li>
			</c:if>
			<li><a href="index">首页</a></li>
			<li class="divider"></li>
			<!--条件查找点击设置-->
			<li><a href="#" data-reveal-id="SearchCondition">条件查找</a></li>
			<li class="divider"></li>
			<li class="has-form">
				<div class="row collapse">
					<div class="large-8 small-9 columns">
						<input type="text" placeholder="昵称查找">
					</div>
					<div class="large-4 small-3 columns">
						<a href="#" class="alert button expand small">查找</a>
					</div>
				</div>
			</li>
		</ul>
	</section>
</nav>

<!-- 条件查找弹框 -->
<div id="SearchCondition" class="reveal-modal" data-reveal>
	<h3>请选择用户信息</h3>
	<hr />
	<form action="" method="post">
		<div class="row">
			<div class="large-3 medium-6 columns">
				<select>
					<option value="中国" selected>所在地：中国</option>
					<option value="美国">所在地：美国</option>
					<option value="日本">所在地：日本</option>
				</select>
			</div>
			<div class="large-3 medium-6 columns">
				<select>
					<option value="职业">在校学生</option>
					<option value="职业">it民工</option>
					<option value="职业">教育机构</option>
				</select>
			</div>
			<div class="large-3 medium-6 columns">
				<select>
					<option value="不限">不限</option>
					<option value="women" selected>女</option>
					<option value="man">男</option>
				</select>
			</div>

			<div class="large-3 medium-6 columns">
				<select>
					<option value="0">不限</option>
					<option value="1">18岁以下</option>
					<option value="2" selected>18-22</option>
					<option value="3">23-26</option>
					<option value="4">27-35</option>
					<option value="5">35以上</option>
				</select>
			</div>
			<div class="large-3 medium-6 columns">
				<input type="submit" class="right  button small" value="查找" />
			</div>
		</div>
	</form>
</div>